<el-card style="margin-top: 20px">
    <el-row slot="header">
        <el-col span="3" style="line-height: 35px;margin-top: 5px">图片列表</el-col>
        <el-button @click="window.location.href='/image/up'">上传图片</el-button>
    </el-row>
    <el-table :data="imageList" style="width: 100%;"
              :header-cell-style="tableHeadClass"
              :cell-style="tableRowClass">
        <el-table-column prop="id" label="id">
        </el-table-column>
        <el-table-column prop="name" label="文件名">
        </el-table-column>
        <el-table-column prop="image" label="image">
            <template slot-scope="scope">
                <el-image :src="'/image?id='+scope.row.id" width="200px" fit="contain"></el-image>
            </template>
        </el-table-column>
    </el-table>
    <div style="text-align:center;margin-top:20px;">
        <el-pagination
                @size-change="pageSize=>{imageForm.pageSize=pageSize,getImageData()}"
                @current-change="pageNumber=>{imageForm.pageNumber=pageNumber,getImageData(true)}"
                :current-page="imageForm.pageNumber"
                :page-sizes="[100,50,20,10]"
                :page-size="imageForm.pageSize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="imageForm.totalRow"
        ></el-pagination>
    </div>
</el-card>